
.class-add-major-page {
    height: auto;
    width: 100%;
    overflow: visible;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    .class-add-major-FucBtn{
      margin: 1rem 0;
      .search{
        margin: auto 1rem auto auto;
      }
    }

    .add-select-div{
      height: 4.75rem;
      width: 100%;
      border:1px solid #f1f4f5;
      border-radius:5px;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      margin-bottom: 10rem;
      .ant-select,.ant-cascader-picker{
        flex: 1;
        height: 2.125rem;
        margin: auto 1rem;
        .ant-select-selection{
          height: 2.125rem;
        }
      }
      .margin-left{
        margin-left: 1.5625rem;
      }
    }

    .class-add-major-content{
      .content-bottom{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        .add-form,.revise-form{
          width: 50%;
          margin: auto 1rem;
        }
        .add-form-div,.revise-form-div{
          width: 100%;
          border: 1px solid #f1f4f5;
          border-radius:5px;
          .form-title-div{
            width: 100%;
            height: 3rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            border-bottom: 1px solid #f1f4f5;
            .form-title{
              height: 2rem;
              line-height: 2rem;
              font-size: .875rem;
              color: black;
              margin: auto auto auto 1rem;
            }
            .form-btn{
              margin: auto 1rem auto 0rem;
            }
          }
          .form-content{
            margin-top: 1rem;
            .grade-title{
              display: flex;
              flex-direction: row;
              justify-content: center;
              .class-select,.grade-select{
                width: 8.625rem;
                margin: auto 4rem;
              }
            }
            .content-body{
              display: flex;
              margin-top: 1rem;
              margin-bottom: 1rem;
              .body-left{
                width: 50%;
              }
              .body-right{
                width: 50%;
                .image-drop-zone{
                  height: 9rem;
                  width: 9rem;
                  margin: auto;
                  .image-default{
                    height: 9rem;
                    width: 9rem;
                  }
                }
              }
              .option-wrapper{
                height: auto;
                width: 100%;
                display: flex;
                justify-content: flex-start;
                flex-direction: row;
                margin-left: 1rem;
                margin-bottom: .875rem;
                .option-title{
                  width: 4.625rem;
                  height: 2.125rem;
                  line-height: 2.125rem;
                  text-align: center;
                  margin-right: .1875rem;
                  background:#f1f4f5;
                  border:1px solid #e3e8eb;
                  border-radius:3px;
                }
                .option-input{
                  width: 100%;
                  height: 2.125rem;
                  background:#ffffff;
                  border:1px solid #e4e9eb;
                  border-radius:3px;
                }
              }
            }
          }
        }
      }
    }
}
.ant-cascader-menu{
  width: 16rem;
  font-size: .875rem;
}
